<!-- 地图配置 -->
<template>
  <div>
    <el-collapse accordion>
      <el-collapse-item title="飞线设置">
        <el-form-item label="飞线动画时长">
          <avue-input-number v-model="main.activeOption.effectPeriod" :step="1"></avue-input-number>
        </el-form-item>
        <!--改变飞线形状后图表未更新，未找到原因-->
<!--        <el-form-item label="飞线形状">-->
<!--          <avue-select :dic="symbols"-->
<!--                       v-model="main.activeOption.effectSymbol"></avue-select>-->
<!--        </el-form-item>-->
        <el-form-item label="飞线标记颜色">
          <avue-input-color v-model="main.activeOption.effectColor"></avue-input-color>
        </el-form-item>
        <el-form-item label="飞线标记大小">
          <avue-input-number v-model="main.activeOption.effectSymbolSize"></avue-input-number>
        </el-form-item>
        <el-form-item label="特效尾迹长度">
          <avue-slider v-model="main.activeOption.effectTrailLength"
                       :max="1"
                       :step="0.1"></avue-slider>
        </el-form-item>
      </el-collapse-item>
    </el-collapse>
  </div>
</template>

<script>
export default {
  inject: ["main"],
  data() {
    return {
      symbols: [{label: '三角形', value: 'arrow'}, {label: '圆形', value: 'circle'}, {label: '菱形', value: 'diamond'}, {label: '标注', value: '"pin"'}, {label: '飞机', value: 'path://M922.6 698.6v-74.7l-335.9-224V138.6S586.7 64 512 64s-74.7 74.6-74.7 74.6v261.3L101.4 624v74.7l335.9-112v209.1l-112 89.6V960L512 885.3l186.6 74.6v-74.6l-112-89.6V586.6l336 112z'}]
    }
  }
}
</script>
